page-form-add {
    body{
        background-image:url('./assets/imgs/builderBg.png');
        color: rgb(51, 51, 51);
        font-size: 0.8em;
        letter-spacing: 0.05em;
      }
    ul {
        list-style-type: none;
        list-style-image: none;
        padding: 0;
        margin:0;
    }
    a {
        text-decoration: none;
        color: #666;
    }
    h3{
      margin:0;
    }
    h2 {
        font-weight: normal;
        margin: 0 0 5px;
        color: #000;
    }
    #container{
      margin:0 auto;
    }
    #left,#right {
        width: 20%;
        float: left;
        border: 1px solid #ddd;
        background-color: #fff;
        border-bottom: 0;
    }
    #right{
      margin-left:10px;
      border-bottom:1px solid #ddd;
    }
    
    h3.fields-group, h3.property-title {
        padding: 9px 15px;
        background-color: #f1f1f1;
        border-bottom: 1px solid #ddd;
    }
    #col1 ,#col2{
        float: left;
        width: 50%;
    }
    #col1 li, #col2 li {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        display: list-item;
        text-align: -webkit-match-parent;
        margin:0;
    }
    #col2 li{
      border-right:0;
    }
    #addFields .btn-field {
        display: block;
        padding: 10px 10px;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        cursor: move;
        font-size: 85%;
    }
    
    #middle {
        width: 56%;
        overflow: hidden;
        min-height: 500px;
        float: left;
        background-color: #fff;
        margin-left: 10px;
        border: 1px solid #ddd;
        position: relative;
    }
    .forms {
        position: relative;
    }
    .form {
        padding: 20px 6px 20px 15px;
        margin: 0 0 6px 0;
        position: relative;
        zoom: 1;
    }
    .form-default {
        border-color: #f9f9f9 #f9f9f9 #ddd #f9f9f9;
        border-style: solid solid solid solid;
        border-width: 1px;
        background-color: #f9f9f9;
    }
    .form-focused {
        border: 1px dashed #e8dbad;
        background-color: #fffbef;
    }
    .notice {
        border: 1px dashed #9dc8dc;
        padding: 15px 15px 15px 15px;
        background-color: #f4f9fd;
        text-align: center;
    }
    .notice h2 {
        display: block;
        font-size: 110%;
        color: #999;
        padding: 30px 0px;
        font-weight: normal;
    }
    .fields {
        position: relative;
        min-height: 150px;
        padding: 0 15px 80px 15px;
    }
    
    .formButtons {
        background: none repeat scroll 0 0 #f1f1f1;
        padding: 15px 0;
        text-align: center;
        width: 100%;
        z-index: 1;
        zoom: 1;
        position: absolute;
        bottom: 1px;
    }
    .btn, .btn:ACTIVE {
        position: relative;
        display: inline-block;
        color: #444;
        border-radius: 2px;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        padding: 6px 20px;
        margin: 0px 5px 3px 3px;
        line-height: 150%;
        cursor: pointer;
    }
    .btn:HOVER {
        border-color: #999999;
    }
    .btn.blue, .btn.blue:ACTIVE {
        background-color: #2596e6;
        color: #fff;
        border: 1px solid #2596e6;
    }

    #right li{
      padding-top:10px;
      line-height:24px;
    }
    #right label{
      display:block;
      text-align:left;
    }
    .hide{
      display:none;
    }
    .row{
        width:100%;
        line-height:35px;
        min-height:35px;
        border:1px dashed #ddd;
    }
    .cols{
        text-align: center;
        border:1px solid #eee;
    }
    .col-attr ul{
        width:100%;
        overflow-y:scroll;
        overflow-x: visible;
        max-height: 500px;
    }
    .col-attr ul li{
        margin:10px;
    }
    .current{
        border:2px solid #666;
    }
    .table{
        background-color: #eef;
        width: 100%;
    }
}
